<template>
  <view :style="themeColor">
    <view class="page">
      <view class="flex align-center benben-position-layout flex offerPay_flex_0"
        :style="{height:(88+StatusBarRpx)+'rpx',paddingTop:StatusBarRpx+'rpx', }">
        <view class='flex align-center self-center justify-between flex-sub offerPay_fd0_0'>
          <view class='flex flex-wrap align-center offerPay_fd0_0_c0' @tap.stop="popupShow1679651812141=true">
            <image class='offerPay_fd0_0_c0_c0' mode="aspectFit" :src='STATIC_URL+"180.png"'></image>
          </view>
          <view class='flex flex-wrap align-stretch justify-center flex-sub'>
            <text class='offerPay_fd0_0_c1_c0'>立即支付</text>
          </view>
          <view class='flex flex-wrap align-center offerPay_fd0_0_c0'>
          </view>
        </view>

      </view>
      <view :style="{height: (88+StatusBarRpx)+'rpx'}"></view>

      <view class="flex flex-direction flex-wrap align-center benben-flex-layout offerPay_flex_1">
        <view class='flex flex-wrap align-end offerPay_fd1_0'>
          <text class='offerPay_fd1_0_c0'>NZ$</text>
          <text class=' offerPay_fd1_0_c1'>
            <text class=' offerPay_price1_fd1_0_c1'>{{ payInfo.sumMoney | frontPrice }}</text>
            <text class=' offerPay_price2_fd1_0_c1'>{{ payInfo.sumMoney | laterPrice }}</text>
          </text>
        </view>
        <view class='flex flex-direction flex-wrap align-stretch offerPay_fd1_1'>
          <view class='flex flex-wrap align-center justify-between offerPay_fd1_1_c0'>
            <text>发布费用</text>
            <text style="font-size: 32rpx;">NZ${{payInfo.fabu_money}}</text>
          </view>
          <view class='flex flex-wrap align-center justify-between offerPay_fd1_1_c0' v-if="payInfo.top_money">
            <text>置顶费用</text>
            <text style="font-size: 32rpx;">NZ${{payInfo.top_money}}</text>
          </view>
          <view class='flex flex-wrap align-center justify-between offerPay_fd1_1_c2'>
            <text>信息展示时长</text>
            <text>{{payInfo.days}}天</text>
          </view>
        </view>
      </view>


      <!---flex布局flex布局开始-->
      <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout offerPay_flex_2">
        <text class='offerPay_fd2_0'>选择支付方式</text>
        <benben-select-diy ref="showSelectPopup1687683901811"
          class-name='flex flex-direction flex-wrap align-stretch flex' :items.sync="dataType" v-model="payID"
          :label.sync="payLable" default-type="aid" default-label="name" :allow-cancel='false' type="radio"
          :disabled='false' v-if="dataType.length!='0'">
          <template v-for='(item,key0) in dataType'>
            <view v-if="item.isSelected" class='flex align-center flex offerPay_fd2_1_c0' :key="key0"
              @tap="$refs.showSelectPopup1687683901811.tapHandle(key0)">
              <image class='offerPay_fd2_1_c0_c0' mode="aspectFit" :src='item.image'></image>
              <text class='offerPay_fd2_1_c0_c1'>{{item.name}}</text>
              <image class='offerPay_fd2_1_c0_c2' mode="aspectFit" :src='STATIC_URL+"37.png"'></image>
            </view>
            <view v-else class='flex align-center flex offerPay_fd2_1_c0' :key="key0"
              @tap="$refs.showSelectPopup1687683901811.tapHandle(key0)">
              <image class='offerPay_fd2_1_c0_c0' mode="aspectFit" :src='item.image'></image>
              <text class='offerPay_fd2_1_c0_c1'>{{item.name}}</text>
              <image class='offerPay_fd2_1_c1_c2' mode="aspectFit" :src='STATIC_URL+"82.png"'></image>
            </view>
          </template></benben-select-diy>
        <button class='offerPay_fd2_2' @tap.stop="immediatePaymentFunc()">立即支付</button>
      </view>

      <!---flex布局flex布局结束-->
      <benben-popup v-model="popupShow1679651812141" :mask="true" :mask-close-able="true" mode='center'>
        <!---flex布局flex布局开始-->
        <view class="flex flex-direction flex-wrap align-stretch benben-flex-layout offerPay_flex_3">
          <view class='flex flex-direction flex-wrap align-stretch offerPay_fd3_0'>
            <view class='flex flex-direction flex-wrap align-center offerPay_fd3_0_c0'>
              <text class='offerPay_fd3_0_c0_c0'>确认要离开收银台？</text>
              <view class='flex flex-wrap align-center'>
                <view class='offerPay_fd3_0_c0_c1_c0'>
                  <text>您的订单在</text>
                  <benben-countdown class=' offerPay_fd3_0_c0_c1_c0_c1' :show-day='false' :time-type='false'
                    :count-time="time">
                    <template #default="{ d, h, i, s }">
                      <text>{{h}}</text>

                      <text>:</text>

                      <text>{{i}}</text>

                      <text>:</text>

                      <text>{{s}}</text>

                      <text></text>
                    </template>
                  </benben-countdown>
                  <text>内未支付将被取消，请尽快完成支付</text>
                </view>
              </view>
            </view>
            <view class='flex flex-wrap align-center'>
              <button class='flex-sub offerPay_fd3_0_c1_c1 ' @tap.stop="popupShow1679651812141=false">继续支付</button>
              <button class='flex-sub offerPay_fd3_0_c1_c0' @tap.stop="returntoOrderDetailsFunc()">确认离开</button>
            </view>
          </view>
        </view>

        <!---flex布局flex布局结束-->

      </benben-popup>
      <benben-popup v-model="popupShow1687342431187" :mask="true" :mask-close-able="true" mode='center'>
        <!---基础弹窗flex布局开始-->
        <view class="flex flex-direction flex-wrap align-center offerPay_flex_4">
          <text class='offerPay_fd4_0'>是否前往设置支付密码？</text>
          <view class='flex align-center'>
            <button class='offerPay_fd4_1_c0' @tap.stop="popupShow1687342431187=false">取消</button>
            <button class='offerPay_fd4_1_c1' @tap.stop="gopswdFunc()">确定</button>
          </view>
        </view>

        <!---基础弹窗flex布局结束-->

      </benben-popup>
      <benben-popup v-model="popupShow1685686587824" :mask="true" :mask-close-able="true" mode='center'>

        <view class="flex benben-flex-layout flex-wrap align-center">
          <view class='flex flex-direction flex-wrap align-center offerPay_fd5_0'>
            <text class='offerPay_fd5_0_c0'>请输入密码</text>
            <benben-digital-password :box-num='6' mode='password'
              class-name="flex flex align-center justify-center offerPay_fd5_0_c1" v-model="pay_password"
              :init-open.sync="xianshi">
              <template #default="{ content, active, index }">
                <view :key="index" v-if="active"
                  class="flex align-center justify-center active-digital-password offerPay_flex_password_active_fd5_0_c1">
                  {{ content }}
                </view>
                <view :key="index" v-else
                  class="flex align-center justify-center offerPay_flex_password_noActive_fd5_0_c1">
                  {{ content }}
                </view>
              </template>
            </benben-digital-password>
            <view class='flex align-stretch offerPay_fd5_0_c2'>
              <button class='offerPay_fd5_0_c2_c0' @tap.stop="closePopupFunc()">取消</button>
              <button class='offerPay_fd5_0_c2_c1' @tap.stop="balancepayFunc()">确定</button>
            </view>
          </view>
        </view>



      </benben-popup>


    </view>
  </view>
</template>
<script>
  import {
    validate
  } from '@/common/utils/validate.js';
  let iapChannel = null,
    productId = 'addposts',
    productIds = ['addposts'];

  export default {
    components: {},


    data() {
      return {
        "popupShow1685686587824": false,
        "popupShow1687342431187": false,
        "popupShow1679651812141": false,

        "pay_password": "",
        "dataMessage": {
          "invite_code": "",
          "address": "",
          "address_code": "",
          "hobby": "",
          "tags": "",
          "id": "",
          "userlevel_id": "",
          "mobile": "",
          "real_name": "",
          "avatar": "",
          "account": "",
          "email": "",
          "birthday": "",
          "gender": "",
          "create_time": "",
          "user_money": "",
          "freeze_money": "",
          "total_consumption_money": "",
          "score": "",
          "_mobile": "",
          "coupon": "",
          "collection_count": "",
          "browse_count": "",
          "total_money": "",
          "certified": "",
          "nickname": "",
          "is_pay_password": "",
          "follow_count": ""
        },
        "dataType": [],
        "payID": "1",
        "payLable": "微信",
        "shifoupwsd": {
          "falg": ""
        },
        "xianshi": true,
        "datashifoucom": {
          "falg": ""
        },
        "dataDetail": {
          "aid": "",
          "order_sn": "",
          "order_money": "",
          "payable_money": "",
          "coupon_id": "",
          "coupon_money": "",
          "send_time": "",
          "receive_time": "",
          "pay_time": "",
          "discount_money": "",
          "create_time": "",
          "pay_type": "",
          "status": "",
          "pay_type_str": "",
          "order_info": {
            "receiver_mobile": "",
            "receiver_address": "",
            "receiver_name": "",
            "remark": "",
            "province": "",
            "city": "",
            "district": "",
            "sex": "",
            "label_name": "",
            "express_price": "",
            "pickup_code": "",
            "pickup_img": ""
          },
          "order_goods_list": [],
          "shop_info": {
            "aid": "",
            "store_name": "",
            "store_logo": "",
            "store_logo_id": ""
          },
          "btn_list": {
            "cancel_order": "",
            "go_pay": "",
            "remind_send": "",
            "remind_already": "",
            "apply_invoice": "",
            "view_invoice": "",
            "apply_refund": "",
            "view_logistics": "",
            "confirm_receive": "",
            "evaluate": "",
            "delete_order": "",
            "pay_balance": ""
          },
          "is_multiple_package": "",
          "order_type": "",
          "advance_sn": "",
          "usermerchant_id": "",
          "discount_str": "",
          "surplus_receive_time": "",
          "group_info": {
            "join_timeout": "",
            "activity_status": "",
            "group_members_nums": "",
            "join_number": "",
            "status_txt": ""
          },
          "group_user": [],
          "real_money": "",
          "cancel_surplus_second": "",
          "balance_payment_stime": "",
          "balance_payment_etime": "",
          "receive_surplus_time": "",
          "goods_total": "",
          "pay_status": ""
        },
        "integralDetail": {
          "aid": "",
          "user_id": "",
          "order_sn": "",
          "order_type": "",
          "status": "",
          "pay_status": "",
          "payable_money": "",
          "real_money": "",
          "create_time": "",
          "pay_type": "",
          "integral_reduce": "",
          "pay_time": "",
          "cancel_time": "",
          "is_remind": {
            "info": "",
            "hour": ""
          },
          "order_address": {
            "address_id": "",
            "receiver_mobile": "",
            "receiver_address": "",
            "receiver_name": "",
            "remark": "",
            "express_price": "",
            "province": "",
            "city": "",
            "district": "",
            "sex": "",
            "label_name": ""
          },
          "goods_integral": [],
          "goods_money": ""
        },
        "order_sn": "GD20230625191830714165",
        "money": "120",
        "time": "4000",
        "order_type": "3",
        payInfo: '',
        order_id: ''
      };
    },
    computed: {
      themeColor() {
        return this.$store.getters.themeColor
      },

    },
    watch: {},
    onLoad(options) {
      this.payInfo = JSON.parse(options.obj)
      let platform = ''
      platform = uni.getSystemInfoSync().platform
      console.log('iossssss', platform)
      this.$api.post(global.apiUrls.post6667c5b692eff, {
        type: uni.getSystemInfoSync().platform == 'ios' ? 1 : 0
      }).then(res => {
        if (res.data.code == 1) {
          this.dataType = res.data.data
          this.payID = this.dataType[0].aid
          this.payLable = this.dataType[0].name
          if (this.payID == 4) {
            plus.payment.getChannels(
              channels => {
                for (var i in channels) {
                  var channel = channels[i];
                  if (channel.id === 'appleiap') {
                    iapChannel = channel;
                    this.requestOrder();
                  }
                }
                if (!iapChannel) {
                  this.errorMsg();
                }
              },
              error => {
                this.errorMsg();
              }
            );
          }
        }
      })
      // plus.payment.getChannels(
      //   channels => {
      //     console.log('获取到channel' + JSON.stringify(channels));
      //     for (var i in channels) {
      //       var channel = channels[i];
      //       if (channel.id === 'appleiap') {
      //         iapChannel = channel;
      //         this.requestOrder();
      //       }
      //     }
      //     if (!iapChannel) {
      //       this.errorMsg();
      //     }
      //   },
      //   error => {
      //     this.errorMsg();
      //   }
      // );
      console.log('pppp', this.payInfo)
    },
    onUnload() {

    },
    onReady() {

    },
    onShow() {

    },
    onHide() {

    },
    onResize() {

    },
    onPullDownRefresh() {

    },
    onReachBottom(e) {

    },
    onPageScroll(e) {

    },
    methods: {
      //返回到订单详情
      returntoOrderDetailsFunc() {
        this.popupShow1679651812141 = false;
        this.$urouter.navigateBack(1);
      },
      // ios支付
      requestOrder() {
        console.log('检测支付环境');
        uni.showLoading({
          title: '检测支付环境...'
        });
        productIds = ['addposts'];
        iapChannel.requestOrder(
          productIds,
          orderList => {
            //必须调用此方法才能进行 iap 支付
            this.disabled = false;
            console.log('requestOrder success666: ', JSON.stringify(orderList));
            uni.hideLoading();
          },
          e => {
            // console.log('requestOrder failed: ' + JSON.stringify(e));
            uni.hideLoading();
            this.errorMsg();
          }
        );
      }, //提交提现
      getsubmit() {
        let that = this
        console.log('5555', this.payInfo)
        uni.showLoading({
          title: '支付进行中...'
        });

        // that.$api.post(global.apiUrls.post62e335233b477, {
        //   order_sn: this.payInfo.order_sn,
        // }).then(resData => {
        //   if (resData.data.code == 1) {
        that.order_id = that.payInfo.order_sn
        console.log('457', productId)
        var statement = {
          // productid: names,
          productid: productId
        };
        // console.log(names, '5555')
        plus.payment.request(
          iapChannel,
          statement,
          function(e) {
            // console.log(JSON.stringify(e));
            uni.hideLoading();
            that.receipt_data = e.transactionReceipt;
            console.log('进入支付', that.receipt_data);
            console.log('_self.receipt_data', that.receipt_data);
            that.linkTo();
            uni.showModal({
              content: '支付成功',
              showCancel: true,
              success: function(res) {
                setTimeout(() => {
                  uni.reLaunch({
                    url: '/pages/tabBar/my/my'
                  })
                }, 500);
              }
            });
          },
          function(res) {
            console.log('进入支付', that.order_id);
            console.log('失败失败', res);
            uni.hideLoading();
            uni.showModal({
              content: '支付失败',
              showCancel: false
            });
          }
        );
        //   }
        // })
      },
      linkTo() {
        this.$api.post(global.apiUrls.post664f23d233f0d, {
          order_sn: this.order_id,
          receipt: this.receipt_data
        }).then(res => {
          console.log(res);
        });
      },
      // enddd
      //立即支付
      async immediatePaymentFunc() {
        if (!validate(this.payID, 'require')) {
          this.$message.info('请选择支付方式');
          return false;
        }
        if (this.payID == 1) { //微信
          let data62db4414a7f74 = await this.$api.dbPost(global.apiUrls.post62e335233b477, {
            order_sn: this.payInfo.order_sn,
            wxpaytype: 'AppPay'
          });
          if (data62db4414a7f74.data.code != 1) {
            this.$message.info(data62db4414a7f74.data.msg);
            return
          }

          let payInfos = data62db4414a7f74.data.data
          await this.requestPaymentWx(payInfos)
          this.$urouter.redirectTo(
            `/pages/zfmk/resultPayment/resultPayment?pay_type=微信支付&order_sn=${this.payInfo.order_sn}&type=0`);
        } else if (this.payID == 2) { //
          let data62db44919dbca = await this.$api.dbPost(global.apiUrls.post62e342a23919c, {
            order_sn: this.payInfo.order_sn
          });
          if (data62db44919dbca.data.code != 1) {
            this.$message.info(data62db44919dbca.data.msg);
            return
          }
          let payInfos = data62db44919dbca.data.data
          console.log('payInfo2222', this.payInfo)
          await this.requestPaymentAli(payInfos)
          this.$urouter.redirectTo(
            `/pages/zfmk/resultPayment/resultPayment?pay_type=支付&order_sn=${this.payInfo.order_sn}&type=0`);
        } else if (this.payID == 3) { //pay
          let data62db44919dbca = await this.$api.dbPost(global.apiUrls.post660cb719362b2, {
            order_sn: this.payInfo.order_sn
          });
          if (data62db44919dbca.data.code != 1) {
            this.$message.info(data62db44919dbca.data.msg);
            return
          }
          this.$urouter.navigateTo(
            `/pages/benben-built-in/web-view/web-view?webPath=${data62db44919dbca.data.data.url}`);
        } else { //苹果支付
          this.getsubmit()
        }
      },
      // 微信支付
      //获取个人信息（金额）
      async getMessageFunc() {
        //请求方法
        //数据验证

        let datadataMessage = await this.$api.get(global.apiUrls.post5c78c4772da97, {

        });

        if (datadataMessage.data.code != 1) {
          this.$message.info(datadataMessage.data.msg);
          return
        }
        let infodataMessage = datadataMessage.data;
        this.dataMessage = infodataMessage.data

      },
    }
  };
</script>
<style lang="scss" scoped>
  .page {
    width: 100vw;
    overflow-x: hidden;
    min-height: calc(100vh - var(--window-bottom));
    background: rgba(248, 248, 248, 1);
    background-size: 100% auto;
  }

  .offerPay_flex_0 {
    background: #fff;
    width: 750rpx;
    height: 88rpx;
    overflow: hidden;
    z-index: 10;
    top: 0rpx;
    background-size: 100% auto !important;
  }

  .offerPay_fd0_0_c1_c0 {
    font-size: 36rpx;
    font-weight: 500;
    color: #333;
    line-height: 88rpx;
  }

  .offerPay_fd0_0_c0_c0 {
    width: 36rpx;
    height: 36rpx;
  }

  .offerPay_fd0_0_c0 {
    width: 100rpx;
    height: 88rpx;
  }

  .offerPay_fd0_0 {
    margin: 0rpx 32rpx 0rpx 32rpx;
  }

  .offerPay_flex_1 {
    background: #fff;
    background-size: 100% auto !important;
  }

  .offerPay_fd1_1_c2 {
    padding: 24rpx;
    color: rgba(119, 119, 119, 1);
  }

  .offerPay_fd1_1_c0 {
    border-bottom: 1px solid rgba(238, 238, 238, 1);
    padding: 24rpx;
    color: rgba(119, 119, 119, 1);
  }

  .offerPay_fd1_1 {
    background: rgba(246, 247, 249, 1);
    width: 100%;
    background-size: 100% auto;
  }

  .offerPay_price2_fd1_0_c1 {
    color: rgba(240, 35, 37, 1);
    font-size: 28rpx;
  }

  .offerPay_price1_fd1_0_c1 {
    line-height: 36rpx;
    font-size: 64rpx;
    font-weight: 700;
    color: rgba(250, 32, 51, 1);
  }

  .offerPay_fd1_0_c1 {
    color: var(--benbenFontColor7);
    font-weight: 700;
    line-height: 94rpx;
    font-size: 64rpx;
  }

  .offerPay_fd1_0_c0 {
    font-size: 32rpx;
    font-weight: 700;
    color: rgba(240, 35, 37, 1);
    line-height: 100rpx;
  }

  .offerPay_fd1_0 {
    margin: 66rpx 0rpx 24rpx 0rpx;
  }

  .offerPay_flex_2 {
    background: #fff;
    background-size: 100% auto !important;
    padding: 0rpx 32rpx 12rpx 32rpx;
    margin: 0rpx 0rpx 120rpx 0rpx;
  }

  .offerPay_fd2_2 {
    background: var(--benbenbgColor2);
    border-radius: 44rpx 44rpx 44rpx 44rpx;
    font-size: 32rpx;
    color: #fff;
    width: 686rpx;
    height: 80rpx;
    line-height: 80rpx;
    position: fixed;
    bottom: calc(32rpx + var(--window-bottom));
  }

  .offerPay_fd2_1_c1_c2 {
    width: 37rpx;
    height: 37rpx;
    border-radius: 18rpx 18rpx 18rpx 18rpx;
    margin: 0rpx 0rpx 0rpx auto;
  }

  .offerPay_fd2_1_c0_c2 {
    width: 36rpx;
    height: 36rpx;
    border-radius: 18rpx 18rpx 18rpx 18rpx;
    margin: 0rpx 0rpx 0rpx auto;
  }

  .offerPay_fd2_1_c0_c1 {
    font-size: 32rpx;
    font-weight: 400;
    color: #333333;
    line-height: 45rpx;
  }

  .offerPay_fd2_1_c0_c0 {
    width: 56rpx;
    height: 56rpx;
    border-radius: 26rpx 26rpx 26rpx 26rpx;
    margin: 0rpx 24rpx 0rpx 0rpx;
  }

  .offerPay_fd2_1_c0 {
    padding: 32rpx 0rpx 32rpx 0rpx;
  }

  .offerPay_fd2_0 {
    border-bottom: 1px solid #eee;
    font-size: 28rpx;
    font-weight: 400;
    color: #666666;
    padding: 32rpx 0rpx 32rpx 0rpx;
    line-height: 40rpx;
  }

  .offerPay_flex_3 {
    width: 540rpx;
  }

  .offerPay_fd3_0_c1_c1 {
    background: #fff;
    font-size: 32rpx;
    color: var(--benbenFontColor5);
    border-radius: 0rpx 0rpx 16rpx 0rpx;
    height: 110rpx;
    line-height: 110rpx;
  }

  .offerPay_fd3_0_c1_c0 {
    border-right: 1px solid rgba(238, 238, 238, 1);
    background: #fff;
    font-size: 32rpx;
    color: var(--benbenFontColor2);
    border-radius: 0rpx 0rpx 0rpx 16rpx;
    height: 110rpx;
    line-height: 110rpx;
  }

  .offerPay_fd3_0_c0_c1_c0_c1 {
    background: #FFFFFF;
  }

  .offerPay_fd3_0_c0_c1_c0 {
    text-align: center;
  }

  .offerPay_fd3_0_c0_c0 {
    color: #333333;
    font-size: 32rpx;
    font-weight: 500;
    line-height: 45rpx;
    margin: 0rpx 0rpx 40rpx 0rpx;
  }

  .offerPay_fd3_0_c0 {
    border-bottom: 1px solid rgba(238, 238, 238, 1);
    padding: 40rpx 30rpx 32rpx 30rpx;
    border-radius: 16rpx 16rpx 0rpx 0rpx;
  }

  .offerPay_fd3_0 {
    background: #FFFFFF;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .offerPay_flex_4 {
    background: #fff;
    width: 540rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
  }

  .offerPay_fd4_1_c1 {
    border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    background: #fff;
    line-height: 94rpx;
    border-radius: 0rpx 0rpx 16rpx 0rpx;
    font-size: 32rpx;
    color: var(--benbenFontColor5);
    padding: 0rpx 100rpx 0rpx 100rpx;
    font-weight: 500;
  }

  .offerPay_fd4_1_c0 {
    border-top: 1px solid #eee;
    background: #fff;
    line-height: 94rpx;
    border-radius: 0rpx 0rpx 0rpx 16rpx;
    font-size: 32rpx;
    color: var(--benbenFontColor2);
    padding: 0rpx 102rpx 0rpx 103rpx;
    font-weight: 400;
  }

  .offerPay_fd4_0 {
    line-height: 44rpx;
    font-size: 32rpx;
    font-weight: 500;
    color: #333333;
    margin: 91rpx 0rpx 88rpx 0rpx;
  }

  .offerPay_fd5_0_c2_c1 {
    background: #fff;
    border-radius: 0rpx 0rpx 16rpx 0rpx;
    font-size: 33rpx;
    color: var(--benbenFontColor5);
    width: 269rpx;
    font-weight: 500;
    line-height: 94rpx;
  }

  .offerPay_fd5_0_c2_c0 {
    border-right: 1px solid #eee;
    background: #fff;
    border-radius: 0rpx 0rpx 0rpx 16rpx;
    font-size: 32rpx;
    color: var(--benbenFontColor2);
    line-height: 94rpx;
    width: 269rpx;
    font-weight: 400;
  }

  .offerPay_fd5_0_c2 {
    border-top: 1px solid #eee;
  }

  .offerPay_flex_password_noActive_fd5_0_c1 {
    border: 1px solid #ccc;
    width: 68rpx;
    height: 68rpx;
  }

  .offerPay_flex_password_active_fd5_0_c1 {
    border: 1px solid #409EFF;
    width: 68rpx;
    height: 68rpx;
  }

  ::v-deep .offerPay_fd5_0_c1 {
    margin: 32rpx 0rpx 32rpx 0rpx;
  }

  .offerPay_fd5_0_c0 {
    font-size: 32rpx;
    font-weight: 500;
    color: rgba(51, 51, 51, 1);
    margin: 0rpx 0rpx 32rpx 0rpx;
  }

  .offerPay_fd5_0 {
    background: #fff;
    width: 540rpx;
    border-radius: 16rpx 16rpx 16rpx 16rpx;
    background-size: 100% auto !important;
    padding: 40rpx 0rpx 0rpx 0rpx;
  }
</style>
